<template>
  <u-navbar
    :title="title"
    :background="background"
    :borderBottom="false"
    :is-back="isBack"
  >
  </u-navbar>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: '',
    },
    isBack: {
      type: Boolean,
      default: true,
    },
  },
  data() {
    return {
      background: {
        // backgroundColor: '#001f3f',
        // 导航栏背景图
        background: 'url(http://zhxjcdn.dumicdn.cn/navbarBG.png)',
        backgroundSize: '100% 100%',
        // 还可以设置背景图size属性
        // backgroundSize: 'cover',

        // 渐变色
        // backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
      },
    }
  },
}
</script>
<style lang="scss">
/deep/ .u-navbar-inner {
  margin-bottom: 40rpx;
}
</style>
